import axios from 'axios'
import router from '../router'
import store from '../store'
import { updateTokenAPI } from '../api/user'
// 创建axios实例 - 返回一个实例 - 本质还是axios,这样的好处
// 可以根据不同的需求，封装不同的请求 - 灵活
const ajax = axios.create({
  // 统一配置基地址
  baseURL: 'http://toutiao.itheima.net'
})

// 请求拦截器
ajax.interceptors.request.use(config => {
  // 对 token 做统一处理，如果vuex中有token,则在请求头中通过Authorization字段 携带 给后台
  if (store.state.token) {
    config.headers.Authorization = `Bearer ${store.state.token}`
  } else {
    config.headers.Authorization = `Bearer ${store.state.refreshToken}`
  }
  return config
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 响应拦截器
ajax.interceptors.response.use(resp => {
  // http状态码以2xx或3xx开头，执行成功的回调
  // console.log(resp)
  return resp.data
}, async error => {
  // http状态码以4xx或5xx开头，执行失败的回调
  // token过期的解决办法：
  // 1.重新登录
  // 2.token续签（配合refresh_token解决）
  // console.log(router)
  // console.log(error.response)
  if (error.response.data.message === 'refresh_token失效') {
    // 1.清空 vuex 中 token refresh_token
    store.commit('setToken', '')
    store.commit('setRefreshToken', '')
    // 2.跳转到登录页重新登录
    router.replace({
      path: '/login?from=' + router.currentRoute.path
    })
  }
  if (error.response.status === 401) {
    // 1.清空 vuex 中 token
    store.commit('setToken', '')
    // 2.获取新的 token
    const resp = await updateTokenAPI()
    store.commit('setToken', resp.data.token)
    // config中记录了上次未完成的请求参数信息，比如：method,url,data
    return ajax(error.config)
    // 2.跳转到登录页重新登录
    // router.replace({
    //   path: '/login?from=' + router.currentRoute.path
    // })
  }
  return Promise.reject(error)
})

// 导出请求函数
export default ajax
